import React from 'react'




import Child1 from './child1'

import Child2 from './child2'


import  Child3 from './child3'



import  Fn from './Fn'
/**
 * 美元兑换人民币  1美元 ==>7人民币
 * 
 * 
 */
export default class Parent extends React.Component {

    constructor() {
        super()
        this.state = {
            count: 1
        }
    }

    myInput = (e) => {
        this.setState({
            count: e.target.value
        })
    }

    render() {
        let { count } = this.state
        return (
            <div>


                <div>   我是父组件 -----{count}  </div>
                <input type="text" value={count} onInput={this.myInput} />

                <Child1 money={count}></Child1>
                <Child2 money={count}></Child2>

                <Child3>

          <div> 你好 我是react   组件内部写的内容</div>
      
                </Child3>


                <Fn money={count} ></Fn>
            </div>


        )
    }

}


//  数据共享  不要动父组件传递过来的值  props 单向数据流  
            //   state 状态提升到共同的父组件身上